html{font-size: 62.5%;}
*{
	margin: 0;
	padding: 0;
	font-family: Arial,'Microsoft YaHei';
}
p{
	color: #555555;
}
a{
	text-decoration: none;
}
a:focus{
	background-color: transparent;
}
a:hover{
	background-color: transparent;
}
a:active{
	background-color: transparent;
}
section{
	box-shadow: 2px 2px 4px  #ccc;
}
body{
	background-color: #DDF3F1;

}
.white{
	background-color: white;
}

.margin-top-1{
	margin-top: 1rem;
}
.margin-top-2{
	margin-top: 2rem;
}
.float-left{
	float: left;
	overflow: hidden;
}
.border-right{
	border-right: 2px #DDF3F1 solid;
}
.border-top{
	border-top: 2px #DDF3F1 solid;
}
/*round*/
.round{
	/*background-color: #DDF3F1;*/
	height: 18rem;
}
.round-1{
	list-style: none;
	width: 100%;
	text-align: justify; 
}
.align-center{
	text-align: center;
}
.round-1-li{
	height: 25%;
	width: 25%;
	margin-top: 2rem;
	float: left;
	text-align: center;
	overflow: hidden; 
}
.round-img{
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
}
.round-a{
	color:#555;
	text-decoration: none;
	font-size: 1rem;
}
.round-a:active{
	color: #666;
}
.round-p{
	font-family: Arial,'Microsoft YaHei';
}
/*sell*/
.sell{
	height: 15rem;
	overflow: hidden;
	background-color: #fff;
}
.sell-left{
	float: left;
	width: 33.3%;
	height:100%;
	box-sizing: border-box;
	border-right: 2px #DDF3F1 solid;
	overflow: hidden;
}
.sell-left img{
	height: 15rem;
	width: auto;
}
.sell-right{
	width: 66.6%;
	box-sizing: border-box;
	height: 100%;
	float: right;
	overflow: hidden;
}
.sell-top{
	width: 100%;
	height: 50%;
	box-sizing: border-box;
	border-bottom:2px #DDF3F1 solid;
	overflow: hidden;
}
.sell-2{
	height: 50%;
	width:50%;
	float: left;
	box-sizing: border-box;
	/*background-color: #555555;*/
}
.sell-2 img{
	height: 8rem;
	width: auto;
}
.sell-top + .sell-2{
	border-right: 2px #DDF3F1 solid;
}
.sell-top img{
	height: 13rem;
	width: auto;
}
/*boon*/
.boon{
	background-color: #ffffff;
}
.boon-name{
	/*height: 2rem;*/
	width: 100%;
	text-align: center;

	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
}
.index-con{
	height:15rem;
	background-color: #ffffff;

}
.boon-33{
	width: 33.3%;
	box-sizing: border-box;
	height: 50%;
	border-top: 2px #DDF3F1 solid;
	overflow: hidden;
	/*border-bottom: 1px #ccc solid;*/
}
.boon-33 img{
	height: 8rem;
	width: auto;
}
.boon-sm{
	width: 22.2%;
	height: 50%;
	box-sizing: border-box;
	border-left: 2px #DDF3F1 solid;
	border-top: 2px #DDF3F1 solid;
}
/*hot*/
.hot{
	background-color: #fff;
	margin-bottom: 1rem;
}
.hot-top{
	height: 50%;
	width: 100%;
	box-sizing: border-box;

}
.hot-50{
	height: 100%;
	width: 100%;
	box-sizing: border-box;
	overflow: hidden;
}
.hot-50 img{
	height: 20rem;
	width: auto;
}
.hot-25{
	height: 100%;
	width: 25%;
	box-sizing: border-box;
	overflow: hidden;
}
.hot-25-img{
	height: 10rem;
	width: auto;
}
/*推荐*/
.tuijian{
	width: 100%;
	/*height: 10rem;*/
	box-sizing: border-box;
	margin-bottom: 2rem;

}
.tjUl{
	width: 100%;
	height:9rem;
	list-style: none;
}
.tjUl li{
	box-sizing: border-box;
	float: left;
	height: 100%;
	width: 33%;
	/*background-color: #555555;*/
	overflow: hidden;
	position: relative;
}
.tjUl img{
	width: 10rem;
	height: auto;
}
.texts{
	width: 100%;
	position: absolute;
	bottom: 0;
	background-color: rgba(255,255,255,0.5);
	color: #555;
	text-align: center;
	font-size: 1.5rem;
}
/*about me page*/
header{
	background-color: #88D7CC;
	height: 10rem;
	width: 100%;
	position: relative;
}

/*order*/
.order{
	height: 7.5rem;
	width: 100%;
}
.oheader{
	height: 2rem;
	text-align: left;
	padding-left: 1rem;
	padding-top: 0.5rem;
}
.userPic{
   position: absolute;
	overflow: hidden;
	width: 15rem;
	left: 1rem;
	top: 3rem;
}
.userNick{
	font-size: 1.5rem;
	color: #fff;
	 display: block;
	position: absolute;
	top:2rem;
	left: 7rem;
}
.userPic img{
	height: 6rem;
	width: 6rem;
	border-radius: 50%;
}
.order-item{
	list-style: none;
	float: left;
	width: 20%;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
}
/*self*/
.self{
	height: 16rem;
}
.self ul{
	height: 100%;
	width: 100%;
}
.self-item{
	list-style: none;
	padding-top: 2rem;
	float: left;
	/*display: inline-block;*/
	width: 25%;
	height: 50%;
	box-sizing: border-box;
	text-align: center;
	overflow: hidden;
	/*line-height: 7.5rem;*/
}
.member{
	position: absolute;
	right: 0;
	top:2rem;
}

/*sort page*/
.container{
	height: 100%;
	width: 100%;
	margin: 1rem 0.3rem;
}
.kind{
	overflow: hidden;
	align-self: center;
}
.kind-item{
	/*list-style: none;*/
	height: 15rem;
	width: 45%;
	margin:1% ;
	display: inline-block;
	padding: 1%;
	text-align: center;
}
.kind-item img{
	height: 12rem;
	width: 12rem;
	margin: 0 auto;
	overflow: hidden;
}
.kind-item p{
	text-align: left;
	margin-left: 1rem;
}
/*eternal page*/

.eternal-sec{
	width: 100%;
	height: 21rem;
	margin: 1rem auto;
	text-align: center;
	box-shadow: none;
	position: relative;
}
.et-img-div{
	margin-top: 0.7rem;
	margin-left: 0.5rem;
	margin-right: 0.5rem;
	height: 17rem;
	width: 45%;
	display: inline-block;

}
.et-img{
	height: 11rem;
	width: 11rem;
	margin-top: 1rem;
}
.eternal-title{
	margin-top: -1rem;
}
.more{
	text-align: right;
	margin-right: 2rem;
	margin-top: 0.5rem;
	color: darkcyan;
}
.car{
	margin-bottom: 2rem;
}
/*details page*/
.dtl-header{
	background-color: white;
	height: 20rem;
	width: 100%;
	overflow: hidden;
}
.dtl-top-img{
	/*height: 20rem;*/
	/*width: ;*/
}
.goods-title{
	margin: 1rem;
}
.goods-title>p{
	line-height: 1.6rem;
	font-size: 1.5rem;
	color: #222;
}
.goods-title > h2{
	margin-top: 0.5rem;
	font-size: 2rem;
	color:#005d3d;
}
.describe{
	margin:1rem 0.5rem;
	background-color: white;
	padding: 1rem;
	overflow: hidden;
}
.describe p{
	font-size: 1.5rem;
}
.goods-char{
	margin: 1rem;
	line-height: 1.5rem;
}
.goods-img{

	overflow: hidden;
	text-align: center;
}
.goods-img>img{
	width: 340px;
}

/*comment*/
.com-title{
	box-sizing: border-box;
	padding:1rem 0 0.5rem 0 ;
	border-bottom: 1px #88D7CC solid;
}
.com-date{
	display: inline-block;
	margin-left: 1.5rem;
}
.com-con{
	margin:1rem 2rem;
}
#comment{
	box-sizing: border-box;
}
.see-more{
	text-align: center;
	background-color: #fff;
	border-top: 2px #88D7CC solid;
	line-height: 2rem;
	box-sizing: content-box;
	padding-top: 0.5rem;
}

/*shop*/
.shop-item{
	box-shadow: none;
	border-bottom:1px #88D7CC solid;
	overflow: hidden;
	padding-bottom: 1rem;
}
.intro{
	margin:1rem auto;
	padding:0 2rem;
}
.shop-imgs{
	text-align: center;
	margin:1rem 0;
}
.shop-imgs li{
	margin:1.5px;
	background-color: #fff;
	display: inline-block;
	height: 8rem;
	width: 8rem;
}
.shop-imgs img{
	height: 8rem;
	width: 8rem;
}
.shop-info{
	margin: 1rem ;
}
.shop-icon{
	width: 50px;
	height: 50px;
	border-radius: 50%;
	float: left;
	overflow: hidden;
}
.shop-name{
	display: inline-block;
	margin-left: 1.5rem;
	font-size: 1.3rem;
	line-height: 1.8rem;
	margin-top: 0.5rem;
}
.shop-btn{
	list-style: none;
	line-height: 2rem;
}
.shop-btn li{
	height: 2rem;
	width: 5rem;
	float: right;
	overflow: hidden;
	border: 1px #88D7CC solid;
	border-radius: 3rem;
	margin-left: 1.5rem;

}
.shop-btn img{
	margin:2px 3px;
	width: 20px;
	height: 20px;
	float: left;
	overflow: hidden;
}